import React, { Component } from 'react';
import { WingBlank, WhiteSpace } from 'antd-mobile';
import RecommendItem from 'common/components/recommendItem.js';
import './bookActivity.less';

class BookActivity extends Component{

	constructor(props) {
	    super(props);
	    this.state = {
			recommends: [
				{
					title: '活动推荐',
					data: [
						{
							icon: 'assets/img/book.jpg',
							text: '分类'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '排行榜'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						}
					]
				},
				{
					title: '活动推荐',
					data: [
						{
							icon: 'assets/img/book.jpg',
							text: '分类'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '排行榜'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						}
					]
				},
				{
					title: '活动推荐',
					data: [
						{
							icon: 'assets/img/book.jpg',
							text: '分类'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '排行榜'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						}
					]
				},
				{
					title: '活动推荐',
					data: [
						{
							icon: 'assets/img/book.jpg',
							text: '分类'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '排行榜'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						}
					]
				},
				{
					title: '活动推荐',
					data: [
						{
							icon: 'assets/img/book.jpg',
							text: '分类'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '排行榜'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						},
						{
							icon: 'assets/img/book.jpg',
							text: '特价'
						}
					]
				}
			] 
	    }
	}

	render(){
		return(
			<div className="container bookActivity">
				<WingBlank>
		         	<RecommendItem data={this.state.recommends}></RecommendItem>
		      	</WingBlank>
			</div>
		)
	}
}

export default BookActivity;